
/*主要内容区域，不包括底部tab*/
.main{
  // padding-bottom: var(--window-bottom);
  padding-bottom:  calc(var(--window-bottom) + 20px);
  background-color: #EFEFF4;
  width: 100%;
  // height: 1536rpx;
  height: 1280rpx;
  overflow-y:auto;
  box-sizing: border-box;
}
.bgStyle{
  position:relative;
  width: 100%;
  height: 200rpx;
  background-color: #0CCB82;
  border-radius: 0px 0px 32rpx 32rpx;
  overflow: hidden;
}
.perInfo{
  margin: 0 auto;
  position: absolute;
  top: 100rpx;
  left: 0;
  right: 0;
  width: 688rpx;
  height:200rpx;
  background-color:#fff;
  line-height: 40rpx;
  border-radius: 16rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
  }
  .perInfo-left{
    width: 40%;
    display: flex;
    justify-content: space-evenly;
  }
  .perInfo-avatarbox{
    width: 110rpx;
    height: 110rpx;
  }
  .perInfo-avatarbox img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
  }
  .perInfo-namebox{
    display: flex;
    flex-direction: column;
    justify-content:space-around;
    align-items: flex-start;
  }
  .perInfo-name{
    color: #0CCB82;
    font-size: 32rpx;
    font-family: PingFangSC-regular;
  }
  .perInfo-job{
    color: #999999;
    font-size: 24rpx;
    font-family: PingFangSC-regular;
  }
  .perInfo-right{
    width: 48rpx;
    height: 48rpx;
  }
  .perInfo-right  img {
    width: 100%;
    height: 100%;
  }
  /* 空白占位元素 */
  .blank-pos{
    margin-bottom: 24rpx;
    width: 688rpx;
    height: 100rpx;
  }
  /* 常用操作 部分 */
  .normal-action-title{
    margin-left: 32rpx;
    width: 112rpx;
    height: 40rpx;
    color: #333;
    font-size: 28rpx;
    font-family: PingFangSC-regular;
  }
  .page-section-spacing{
    margin: 18rpx 0 42rpx;
    width: 100%;
  }
  .swiper{
    width: auto;
  }
  .swiper-item{
    margin: 0 34rpx;
    width: 310rpx;
    height: 140rpx;
  }
  .swiper-item:first-child{
    margin-left: 30rpx;
  }

  /* 设置部分 */
  .setting-style{
    margin-bottom: 20rpx;
    width: 100%;
    height: 80rpx;
    font-size: 28rpx;
    color: #333333;
    background-color: #fff;    
  }
  .single-setting{
    padding: 20rpx 32rpx 20rpx 40rpx;
    height: 80rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 28rpx;
    color: #333333;
    background-color: #fff;
    box-sizing: border-box;
  }
  .single-setting:nth-child(odd){
    border-bottom: 2rpx #EDEEF2 solid;
  }
  .single-setting:nth-child(2n+2){
    margin-bottom: 40rpx;
  }
  .single-setting-title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 164rpx;
   
  }
  .title-txt{
    width: 112rpx;
    height:40rpx;
  }
  
  .title-icon{
    width: 40rpx;
    height: 40rpx;
  }
  .single-setting-more{
    width: 40rpx;
    height: 40rpx;
  }
  .title-icon img,.single-setting-more img{
    width: 100%;
    height: 100%;
  }
  .split-line{
    padding-left: 88rpx;
    height: 2rpx;
    background-color: #EDEEF2;
    box-sizing: border-box;
  }
  /*退出登录*/
  .exit{
    margin-top: 40rpx;
    margin-bottom: 78rpx;
    color: #FF3A30;
  }
  /*底部tab空白占位元素*/
  .tabBlankPosition{    
    // position: fixed;
    // bottom: 0;
    // left: 0;
    width: 100%;
    height: 100rpx;
  }